@import 'tailwindcss';

@font-face {
  font-family: 'Mukta';
  font-weight: 400;
  src: url('/fonts/Mukta/Mukta-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Mukta';
  font-weight: 700;
  src: url('/fonts/Mukta/Mukta-Bold.ttf') format('truetype');
}

::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

::-webkit-scrollbar,
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
  background-color: #0f172a;
}

::-webkit-scrollbar-thumb {
  background-color: #475569;
  border: 4px solid #0f172a;
  border-radius: 16px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8;
}

* {
  user-select: none;
}

input {
  user-select: auto;
}

a, button {
  cursor: pointer;
}

img {
  pointer-events: none;
}

html,
body {
  width: 100%;
  height: 100%;
}

.body-container {
  display: contents;
  width: 100%;
  height: 100%;
}

.bottom-bar-button-flash {
  animation: 0.75s infinite alternate bottom-bar-button-flash-keyframes;
}

@keyframes bottom-bar-button-flash-keyframes {
  from {
    background-color: #06b6d4;
    color: #0f172a;
  }

  to {
    background-color: #67e8f9;
    color: #0f172a;
  }
}
